.nav{
  height: 50px;
  overflow: hidden;
  .nav-title{
    width: 250px;
    color: #fff;
    line-height: 50px;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    background: #2980b9;
  }
  .nav-main{
    width: 100%;
    margin-left: -250px;
    padding-left: 250px;
    .nav-main-l{
      ul{
        padding-left: 10px;
        li{
          float: left;
          height: 50px;
          padding: 7px 5px 0;
          color: #fff;
          text-align: center;
          i{
            display: block;
            margin-bottom: 2px;
          }
          span{
            display: inline-block;
            padding: 0 5px;
            line-height: 1.5;
            border-radius: 12px;
          }
        }
      }
    }
    .nav-main-r{
      ul{
        padding-right: 15px;
        li{
          float: left;
          height: 50px;
          line-height: 50px;
          padding: 0 5px;
          text-align: center;
          cursor: pointer;
          color: #fff;
          font-size: 14px;
          &:hover{
            background-color: #2980b9;
          }
        }
        .setting{
          width: 40px;
        }
        .user{
          .user-icon img {
            width: 30px;
            height: 30px;
            border-radius: 50%;
          }
          .user-name{
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
          }
        }
      }
    }

  }
}

#formObj{
  position: relative;
}
#tb{
  .inputs{
    position: relative;
    padding-right: 150px;
  }
  .btns{
    position: absolute;
    right: 5px;
    top: 0;
  }
}

.form{
  padding: 15px;
  //background-color: #f2f2f2;
  //border: @index-border;
  //border-radius: 5px;
}

form{
  .item-box+.item-box{
    margin-top: 10px;
  }
}

.item-box{
  border: @index-border;
  border-radius: 4px;
  padding: 10px 5px;
  .item-box-title{
    line-height: 1;
    font-weight: bold;
    font-size: 14px;
    border-left: 3px solid #3498db;
    margin-bottom: 8px;
    padding-left: 5px;
  }
}

.input-item{
  //padding: 8px;
  >label{
    display: block;
    padding: 5px;
    //border: @index-border;
    //border-radius: 2px;
    //background-color: #fff;
    >em,>input,>span{
      .vertical;
    }
    >em{
      min-width: 80px;
      text-align: right;
      padding-right: 5px;
    }
    .tip-txt{
      color: #c3c3c3;
      margin-left: 5px;
    }
  }
  .radio-item{
    margin-right: 10px;
    >input{
      margin-right: 2px;
    }
    >input,>span{
      .vertical;
    }
  }
}

.label-item{
  .vertical;
  margin-bottom: 5px;
  margin-right: 10px;
  >span{
    .vertical;
  }
}

.form-inline{
  .input-item{
    //padding: 0;
    //margin-bottom: 15px;
    //border: @index-border;
    //border-radius: 2px;
    *zoom: 1;
    &:before, &:after {
      content: '';
      display: table;
      clear: both;
      visibility: hidden;
    }
    >label{
      border: none;
      float: left;
      width: 50%;
      >em{
        text-align: left;
        min-width: 80px;
        padding-right: 0;
        padding-left: 5px;
      }
    }
  }
  .clear-fix{
    >label{
      float: none;
      width: 100%;
    }
  }
}